@import './../../util/styles/index.scss';
.forum_wrap {
  a{color: #242424;}
  width: $width;margin: auto;padding: 15px 15px 80px 15px;box-sizing: border-box;min-height: 500px;background: #fff;margin-top: 10px;
  .nodata{text-align: center;font-size: 14px;color: #888;}
  .sidebar{width: 302px;float: left;}
  .inp{border-radius: 4px;border: 1px solid #D7D7D7;box-sizing: border-box;width: 156px;height: 30px;line-height: 30px;padding: 0 10px;
    &::placeholder{color: #A0A0A0;}
  }
  .mainwrap{margin-left: 312px;
    .commonlist{padding: 0 30px;border: 1px solid #D7D7D7;
      > li{padding: 24px 0;font-size: 16px;color: #242424;display: flex;justify-content: space-between;
        .date{flex-basis: 145px;flex-shrink: 0; font-size: 14px; color: #777777}
        > a{cursor: pointer;overflow: hidden;text-overflow: ellipsis;flex-grow: 1;white-space: nowrap;padding-right: 20px;
          &:hover{color: $navActive;}
        }
      }
    }
    .searchbtn{display: inline-block;height: 30px;padding: 0 20px;border-radius: 4px;color: #fff;background: $navActive;line-height: 30px;margin-left: 20px;}
    .commonlistwrap{border: 1px solid #D7D7D7;padding: 0 10px;
      .searchwrap{line-height: 60px;font-size: 14px;color: #242424;height: 60px;border-bottom: 1px solid #DEDEDE;position: relative;}
      .commonlist{border: 0;}
      .medialist{
        > li{border-bottom: 1px solid #D7D7D7;height: 150px;padding: 10px 0;
          &:last-child{border-bottom: 0;}
        }
        .picwrap{float: left;width: 247px;height: 100%;background: #A0A0A0;}
        .conwrap{margin-left: 260px;height: 100%;position: relative;
          > h3{font-size: 16px;color: #242424;margin-bottom: 30px;}
          .con{font-size: 14px;color: #4C4C4C;overflow: hidden;line-height: 25px;max-height: 100px;}
        }
      }
    }
    .professorwrap{border: 1px solid #DEDEDE;padding: 0 10px;
      .head{line-height: 60px;font-size: 14px;color: #242424;height: 60px;border-bottom: 1px solid #DEDEDE;position: relative;
        .tit{float: left;position: absolute;
          .inp{border-radius: 4px;border: 1px solid #D7D7D7;box-sizing: border-box;width: 156px;height: 30px;line-height: 30px;padding: 0 10px;
            &::placeholder{color: #A0A0A0;}
          }
        }
        .con{margin-left: 300px;
          .checkboxwrap{
            > a{margin: 0 10px;
              > i{vertical-align: middle;}
              em{display: inline-block;position: relative;width: 18px;height: 18px;vertical-align: middle;margin-right: 4px;
                &:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #D7D7D7;border-radius: 50%;position: relative;left: 0;top: 0;}
                &:after{content: '';display: block;width: 12px;height: 12px;box-sizing: border-box;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -6px 0 0 -6px;display: none;background: #e5371f;}
              }
              &.on{
                em{
                  &:before{border-color: $navActive;}
                  &:after{display: block;}
                }
              }
            }
          }
        }
      }
      .body{padding-top: 30px;padding-bottom: 30px;
        .letterList{display: flex;flex-wrap: nowrap;
          > li{flex: 1;
            &.on{color: $navActive;}
            &:first-child{margin-right: 10px;flex: 0 0 50px;display: inline-block;text-align: center;}
          }
          .li_active {
            color: $navActive;
          }
        }
        .letterItems{
          > li{font-size: 14px;margin: 25px 0;
            > span{color: $navActive;margin-right: 10px;width: 50px;display: inline-block;text-align: center;}
            > a{color: #242424;}
          }
        }
      }
    }

  }
}